<template>
    <div class="no-data">
        <div  class="no-data-wrap2" >
            <img src="~@/assets/img/no-data.png" alt="">
            <span v-if="show">{{title || '暂无数据'}}</span>
        </div>
    </div>
</template>

<style lang="scss" scoped>
    .no-data{
        padding-right: 20px;
        height: 100%;
        min-height: 88px;
        display: flex;
        align-items: center;
        justify-content: center;
        .no-data-wrap2{
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;
            padding-top: 68px;
            padding-bottom: 150px;
            span{
                margin-top: 10px;
                font-size: 14px;
                color: #7D859D;
            }
            img{
                width: 182px;
                height: 113px;
            }
        }
    }
</style>

<script>
export default {
    name: 'no-data',
    props: {
        title: {
            type: String,
            default: '暂无内容'
        },
        show: {
            type: Boolean,
            default: true
        },
        nullType: {
            type: Number,
            default: 1
        }
    },
    setup(props) {
        return {
            props
        }
    } 
}
</script>
